import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

import Layout from '@/layout'
import system from "@/router/modules/system";
import demo from "@/router/modules/demo";
import article from "@/router/modules/article";
import problem from "@/router/modules/problem";
import patrolGroup from "@/router/modules/patrol-group";
import banner from "@/router/modules/banner";

export const constantRoutes = [
    demo,
    system,
    article,
    banner,
    patrolGroup,
    problem,
    {
        path: '/404',
        component: () => import('@/views/error-page/404'),
        hidden: true
    },
    {
        path: '/login',
        component: () => import('@/views/login/index'),
        hidden: true
    },
    {
        path: '/auth-redirect',
        component: () => import('@/views/login/auth-redirect'),
        hidden: true
    },
    {
        path: '/401',
        component: () => import('@/views/error-page/401'),
        hidden: true
    },
    {
        path: '/',
        component: Layout,
        redirect: '/problem',
        children: [
            {
                path: 'problem',
                component: () => import('@/views/problem/index'),
                name: 'Problem',
                meta: {title: '主页', icon: 'problem', affix: true}
            },
        ]
    },
    {path: '*', redirect: '/404', hidden: true}
]

export const asyncRoutes = []

const createRouter = () => new Router({
    // mode: 'history', // require service support
    //mode: 'history',
    scrollBehavior: () => ({y: 0}),
    routes: constantRoutes
})

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
    const newRouter = createRouter()
    router.matcher = newRouter.matcher // reset router
}

export default router
